{% extends "base.html" %}

{% block body %}

<style>
    body{
        background-image: linear-gradient(to right,{{ the_color1}},{{ the_color2}});
    }
</style>

<h2>{{ the_title }}</h2>

<p>You submitted the following data:</p>
<table>
    <tr><td>color1:</td><td style="background: {{ the_color1 }}">{{ user_color1 }}</td></tr>
    <tr><td>color2:</td><td style="background: {{ the_color2 }}">{{ user_color2 }}</td></tr>
</table>

{% endblock %}